<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 一个简单的网页</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<style>
    .fakeimg {
        height: 200px;
         background: #aaa;
    }
  </style>
</head>
<body>
<div class="jumbotron text-center" style="margin-bottom:0">
  <h1>更新最新的动漫</h1>
  <p>看最好看的动漫</p> 
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 轮播（Carousel）插件的标题</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="u=4080658585,95549445&fm=27&gp=1.jpg" alt="First slide"class="img-responsive center-block" />
			<div class="carousel-caption">黑子的篮球</div>
		</div>
		<div class="item">
			<img src="u=4219234469,767049674&fm=26&gp=0.jpg" alt="Second slide"class="img-responsive center-block" />
			<div class="carousel-caption">快把我哥带走</div>
		</div>
		<div class="item">
			<img src="u=82374749,3911675391&fm=26&gp=0.jpg" alt="Third slide"class="img-responsive center-block" />
			<div class="carousel-caption">约会大作战</div>
		</div>
		<style>
    .fakeimg {
        height: 200px;
         background: #aaa;
    }
  </style>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
	    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
	    <span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
	    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
	    <span class="sr-only">Next</span>
	</a>
</div> 

</body>
	</div>

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="#">动漫网</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="file:///C:/Users/26565/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/eig.html">动漫资源</a></li>
        <li><a href="file:///C:/Users/26565/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/book.html">情报</a></li>
        <li><a href="file:///C:/Users/26565/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/cc.html">个人中心</a></li>
        <li><a href="#"></a></li>
      </ul>
    </div>
  </div>
</nav>

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h2>热门更新</h2>
      <h5>照片：</h5>
	  <h4><div class="fakeimg"><img src="u=504498969,456056185&fm=26&gp=0.jpg" alt="Third slide"class="img-responsive center-block" />
		<div class="carousel-caption"></div></h4>
	
      <p>新番上线</p>
      <h3>动漫分类</h3>
      <p>新番上线</p>
      <ul class="nav nav-pills nav-stacked">
		<li class="active"><a href="file:///C:/Users/26565/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/ning.html">动漫新番</a></li>
        <li><a href="file:///C:/Users/26565/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/sevent.html">热血番剧</a></li>
        <li><a href="file:///C:/Users/26565/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/sie.html">魔法战争</a></li>
        <li><a href=file:///C:/Users/26565/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/ten.html>悬疑推理</a></li>
      </ul>
      <hr class="hidden-sm hidden-md hidden-lg">
    </div>
    <div class="col-sm-8">
      <h2>神魔番</h2>
      <h5>青之驱魔师</h5>
      <div class="fakeimg"><img src="u=4249885592,2888298633&fm=26&gp=3.jpg" alt="Third slide"class="img-responsive center-block" />
		<div class="carousel-caption"></div>
      <p>青之驱魔师</p>
      <p>讲述一位由恶魔撒旦与人类女子所生下的男孩奥村燐，在一次与收养他的藤本神父吵架时，发现了自己的身世原来是魔王撒旦的私生子。他被正十字学园的校长梅菲斯特·菲雷斯带入学园，正式加入正十字骑士团，学习驱魔知识。为打败生父撒旦，用自身的蓝色火炎（恶魔）之力量向撒旦复仇，燐展开了驱魔师之旅。他的目标是：“揍撒旦一顿。</p>
      <br>
      <h2>励志番</h2>
      <h5>紫罗兰的永恒花园</h5>
      <div class="fakeimg"><div class="fakeimg"><img src="u=2154307714,1366298486&fm=26&gp=2.jpg" alt="Third slide"class="img-responsive center-block" />
		<div class="carousel-caption">青之驱魔师</div>
      <p>紫罗兰的永恒花园</p>
      <p>女主从小是从战争中长大，而且被军队抓去训练成了毫无感情的杀人机器，直到她遇到了少佐，然而剧本却没往好的方向走，少佐在一次战争中喂了保护女主而死去，女主也失去双手，然后女主成为了个一个人型打字机木偶，经历了很多坎坷与感动。</p>
    </div>
  </div>
</div>

<div class="jumbotron text-center" style="margin-bottom:0">
  <p></p>
</div>
</body>
</html>